<template>
  <div class="router-content">
    <div class="mian-header">卡优惠规则</div>
    <div class="main-content">
      进入卡优惠规则页面，点击右上角上方的添加卡优惠规则，如下图所示，
      <img src="/static/imgs/canteen/discount_1.png"/>
      进入卡优惠规则编辑页面，如下图所示，点击下拉箭头选择适用卡类型，优惠方式有折扣和直减两种方式，可用餐别可选择早餐，午餐、晚餐、夜宵，四个餐别，以及可用档口及档口内的某道菜，点击提交即可设置卡优惠规则成功。
      <img src="/static/imgs/canteen/discount_2.png"/>
      <img src="/static/imgs/canteen/discount_3.png"/>
    </div>
    <div class="mian-header">删除卡优惠规则</div>
    <div class="main-content">
      进入卡优惠规则页面，点击已添加优惠规则旁边的“删除”按钮，如下图所示，即可删除该卡优惠规则。
      <img src="/static/imgs/canteen/discount_4.png"/>
    </div>
    <div class="mian-header">修改卡优惠规则</div>
    <div class="main-content">
      进入卡优惠规则页面，点击已添加优惠规则旁边“修改”的按钮，如下图所示
      <img src="/static/imgs/canteen/discount_5.png"/>
      进入到该卡优惠规则的编辑页面，如下图所示，可进行该卡优惠规则修改，点击提交即可修改成功。
      <img src="/static/imgs/canteen/discount_6.png"/>
    </div>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
export default {
  name: 'index',
  data () {
    return {
      menus: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
  }
}
</script>
<style>
</style>
